<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>育人管理</title>
		<link rel="stylesheet" type="text/css" href="asserts/bootstrap-3.3.7-dist/css/bootstrap.min.css"/>
	
		<!-- js插件 -->
		<script src="js/jquery-3.2.1.min.js"></script>
		<script src="asserts/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
        <link rel="stylesheet" type="text/css" href="asserts/bootstrapValidate/css/bootstrapValidator.min.css"/>
 	   <script src="asserts/bootstrapValidate/js/bootstrapValidator.min.js"></script>
	
	</head>
	<body>
			<!-- 内容展示区 -->
			<div >
					<!-- 导航 -->
					<ol class="breadcrumb">
						<li><i class="fa fa-comment"></i> 育人管理</li>
					</ol>
					<div class="container-fluid">
						<!-- 	内容面板 -->
						<div class="panel panel-default">
							 
							<div class="panel-body">
								 
							 <form class="form-horizontal">
							 <div class="form-group">
									<label class="control-label col-md-3">学期：</label>
									<div class="col-md-8">
										<input type="text" name="term" placeholder="请输入学期" class="form-control"  />
									</div>
								</div>
								  <!-- 学校-->
								<div class="form-group">
									<label class="control-label col-md-3">主体名称：</label>
									<div class="col-md-8">
										<input type="text" name="subject" placeholder="请输入主体名称" class="form-control"  />
									</div>
								</div>
								<div class="form-group">
									<label class="control-label col-md-3">类别：</label>
									<div class="col-md-8">
										<select name="type" class="form-control">
											<option value="">请选择</option>
											<option value="诚信教育">诚信教育</option>
											<option value="励志教育">励志教育</option>
											<option value="感恩教育">感恩教育</option>
											<option value="活动征文">活动征文</option>
											<option value="其他">其他</option>
										</select> 
									</div>
								</div> 
						 
							  	<div class="form-group">
									<label class="control-label col-md-3">组织者：</label>
									<div class="col-md-8">
										<input type="text" name="organization" placeholder="请输入组织者" class="form-control"  />
									</div>
								</div>
									<div class="form-group">
									<label class="control-label col-md-3">参与范围：</label>
									<div class="col-md-8">
										<input type="text" name="scope" placeholder="请输入参与范围" class="form-control"  />
									</div>
								</div>
									<div class="form-group">
									<label class="control-label col-md-3">参与人数：</label>
									<div class="col-md-8">
										<input type="text" name="count" placeholder="请输入参与人数" class="form-control"  />
									</div>
								</div>
									<div class="form-group">
									<label class="control-label col-md-3">活动成效：</label>
									<div class="col-md-8">
										<input type="text" name="activity" placeholder="请输入活动成效" class="form-control"  />
									</div>
								</div>
									<div class="form-group">
									<label class="control-label col-md-3">备注：</label>
									<div class="col-md-8">
										<textarea name="remark" class="form-control"></textarea>
									</div>
								</div>
									<div class="form-group">
									<label class="control-label col-md-3">活动图片1：</label>
									<div class="col-md-8">
										 <img  src="img/headicon/p1.jpg" style="height: 100px;width: 100px;" 
										onmouseover="this.style.cursor='pointer';this.style.cursor='hand'"
										 onmouseout="this.style.cursor='default'"
										onclick="showimage('img/headicon/p1.jpg')"
										data-toggle="modal" data-target="#ShowImage_Form" />
										 
									</div>
								</div>
									<div class="form-group">
									<label class="control-label col-md-3">活动图片2：</label>
									<div class="col-md-8">
										 <img  src="img/headicon/p1.jpg" style="height: 100px;width: 100px;" 
										onmouseover="this.style.cursor='pointer';this.style.cursor='hand'"
										 onmouseout="this.style.cursor='default'"
										onclick="showimage('img/headicon/p1.jpg')"
										data-toggle="modal" data-target="#ShowImage_Form" />
									</div>
								</div>
									<div class="form-group">
									<label class="control-label col-md-3">活动图片3：</label>
									<div class="col-md-8">
									 <img  src="img/headicon/p1.jpg" style="height: 100px;width: 100px;" 
										onmouseover="this.style.cursor='pointer';this.style.cursor='hand'"
										 onmouseout="this.style.cursor='default'"
										onclick="showimage('img/headicon/p1.jpg')"
										data-toggle="modal" data-target="#ShowImage_Form" />
									</div>
								</div>
						</div>
						 
					</form>
							 
							 
							</div>
						</div><!-- 内容面板 end -->
					</div>
			</div><!-- 	内容展示区 end-->
	 
		 
		  <div id="ShowImage_Form" class="modal fade">         
	         <div class="modal-header">
	             <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
	         </div>
	          <div class="modal-body">
	           	 <div id="img_show">
	           	 	 
	           	 		 
	            </div>
	         </div>
        </div>
    
	</body>
</html>
 <script>
	function showimage(source)
     {
     	 
          $("#ShowImage_Form").find("#img_show").html("<center><img src='"+source+"' class='img-responsive img-rounded' /></center>");
        // $("#ShowImage_Form").modal(); 
     }
	
</script>
